import React from "react";
import {  Button, Collapse } from 'antd';
import { DownOutlined, UpOutlined } from '@ant-design/icons';
import { FirstLine, AllLine } from "./firstLine";

const { Panel } = Collapse;

export const TagList = () => {

    return (
        <>

            <Collapse
                bordered={false}
                accordion={true}
                expandIconPosition="right"
                expandIcon={(panelProps) => {

                    return (!panelProps.isActive ? <Button icon={< DownOutlined />} type="link">展开</Button> 
                            : <Button icon={< UpOutlined />} type="link">收起</Button>)
                }}
                ghost
            >
                <Panel
                    header={
                        <FirstLine />
                    }
                    key="1"
                >
                    <AllLine />
                </Panel>

            </Collapse>
            
        </>
    )
}


